<template>
	<view class="mt-post-main">
		<view class="return-title">
			<view class="return-icon" @click="returnPreviewPage">
				<uni-icons type="arrow-left" size="35"></uni-icons>
			</view>
			<view class="title">
				我的帖子
			</view>
		</view>

		<view class="note-list-container">
			<NoteShowListVue :notes="posts"></NoteShowListVue>
		</view>


	</view>
</template>

<script>
	import NoteShowListVue from '../../../../components/common-components/NoteShowList.vue';
	import {
		getMyPost
	} from '@/request/user.js';
	import mitter from '@/common/mitt/eventBus.js';
	export default {
		components: {
			NoteShowListVue
		},
		data() {
			return {
				posts: [{
						noteAid: 1,
						isVedio: false,
						url: 'https://img2.baidu.com/it/u=868566590,1876533926&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1139',
						title: '今天很忧郁',
						releaseTime: '2022年12月20日 23:23:04',
						isLike: false, // 是否点赞
						likeCount: 0,
						commentCount: 0,
					},
					{
						noteAid: 2,
						isVedio: true,
						url: 'https://fzg-jy.oss-cn-hangzhou.aliyuncs.com/jyapp/home/yufen/camping/video/%E5%85%85%E6%B0%94%E6%B2%99%E5%8F%915.mp4',
						videoCover: 'https://img0.baidu.com/it/u=195508433,693019668&fm=253&fmt=auto&app=120&f=JPEG?w=750&h=500',
						title: '家人们找到一个露营圣地',
						releaseTime: '2023年11月20日 23:08:04',
						isLike: false, // 是否点赞
						likeCount: 235,
						commentCount: 27,
					},
					{
						noteAid: 3,
						isVedio: true,
						url: 'https://fzg-jy.oss-cn-hangzhou.aliyuncs.com/jyapp/home/yufen/notes/范占国2024-12-07卷尺灯3.mp4',
						videoCover: 'http://t14.baidu.com/it/u=3871136798,171938325&fm=224&app=112&f=JPEG?w=500&h=500',
						title: '卷尺灯',
						releaseTime: '2024年8月20日 23:08:04',
						isLike: true, // 是否点赞
						likeCount: 345,
						commentCount: 90,
					},
					{
						noteAid: 4,
						isVedio: false,
						url: 'https://img0.baidu.com/it/u=3577356751,2936750237&fm=253&fmt=auto&app=120&f=JPEG?w=750&h=500',
						title: 'Sephoria 丝芙兰美妆节',
						releaseTime: '2024年10月20日 23:08:04',
						isLike: true, // 是否点赞
						likeCount: 56,
						commentCount: 0,
					},
					{
						noteAid: 5,
						isVedio: false,
						url: 'https://img0.baidu.com/it/u=364532874,2598986379&fm=253&fmt=auto&app=138&f=JPEG?w=607&h=405',
						title: '巷口的煎饼果子香',
						releaseTime: '2024年12月08日 08:56:00',
						isLike: true, // 是否点赞
						likeCount: 23,
						commentCount: 1,
					}
				],

			};
		},

		onLoad(options) {
			// console.log(options);
			// 获取我的帖子列表
			this.getMyPostFunc(options.userAid);
		},


		methods: {

			// 获取我的帖子列表
			getMyPostFunc(userAid) {
				this.posts = [];
				uni.showLoading({
					title: '加载中...',
				})
				setTimeout(() => {
					getMyPost({
						userAid
					}).then(res => {
						// console.log(res);
						this.posts = res.data.data;
						mitter.emit("searchUserNoteResult", this.posts)
					}).catch(err => {
						console.error(err)
						uni.showToast({
							title: '获取数据失败，请稍后再试...',
							icon: 'none'
						})
					}).finally(()=>{
						uni.hideLoading()
					})
				}, 500)
			},

			returnPreviewPage() {
				uni.navigateBack()
			},


		},
	};
</script>

<style lang="scss" scoped>
	.mt-post-main {
		padding-bottom: 20rpx;

		// width: 100%;
		.return-title {
			width: 90%;
			margin-top: 60rpx;
			text-align: center;
			margin-left: auto;
			margin-right: auto;

			.return-icon {
				float: left;
			}

			.title {
				font-size: 40rpx;
				margin-right: 20rpx;
			}
		}

		.note-list-container {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}



	}
</style>